@page
@model LoginModel
@{
    Layout = "Shared/_LayoutUser";
}
<!-- Content
    ================================================== -->
<div uk-height-viewport="expand: true" class="uk-flex uk-flex-middle">
    <div class="uk-width-1-3@m uk-width-1-2@s m-auto">
        <div class="uk-card-default p-6 rounded">
            <div class="my-4 uk-text-center">
                <h2 class="mb-0"> 欢迎回来</h2>
                <p class="my-2">登录以管理您的帐户。</p>
            </div>
            <form id="login">

                <div class="uk-form-group">
                    <label class="uk-form-label"> 邮箱</label>

                    <div class="uk-position-relative w-100">
                        <span class="uk-form-icon">
                            <i class="icon-feather-mail"></i>
                        </span>
                        <input class="uk-input" id="email" type="email" required placeholder="name@example.com">
                    </div>

                </div>

                <div class="uk-form-group">
                    <label class="uk-form-label"> 密码</label>

                    <div class="uk-position-relative w-100">
                        <span class="uk-form-icon">
                            <i class="icon-feather-lock"></i>
                        </span>
                        <input class="uk-input" id="password" type="password" required placeholder="********">
                    </div>

                </div>

                <div class="mt-4 uk-flex-middle uk-grid-small" uk-grid>
                    <div class="uk-width-expand@s">
                        <p> 没有账号？ <a href="/user/register">去注册</a></p>
                    </div>
                    <div class="uk-width-auto@s">
                        <button type="submit" class="button primary login-sub">登 录</button>
                    </div>
                </div>
                @Html.AntiForgeryToken()
            </form>
        </div>
    </div>
</div>
@section Scripts{
    <script src="/assets/js/user/login.js"></script>
}